<template>
	<view  class="bottom_line" v-for="(formData,index) in task.jobs" style="display: flex;justify-content: space-between;align-items:center;line-height: 12px;margin: 0px 0px;">
		<!-- 内容区域 -->
		<view style="flex: 1 0 0%;display: flex;flex-direction: column;margin: 5px;">
			<view style="margin: 8px;display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;">		
				<!-- 职位名称 -->
				<view style="flex: 1 1 55%;display: flex;justify-content: space-between;">
					<view style="font-size: 13px;font-weight: bold;white-space: nowrap;"><text>{{formData.name}}</text></view>
				</view>
				<!-- 时间 -->
				<view style="flex:0 0 45%;text-align: right;color:#757575">
					<view style="line-height: 13px;font-size: 13px;white-space: nowrap;"><text>{{fixedTime(formData.start_time)}}-{{fixedTime(formData.end_time)}}</text></view>
				</view>
			</view>
			
			<view style="display: flex;justify-content: space-between;margin:8px 3px;">
				<view>
				<!-- 人数 -->
				<!-- <span style="font-size: 12px;color: #9c9c9c;padding-left: 5px;white-space: nowrap;">1/{{formData.num}}人</span> -->
				<view style="margin: 5px 5px;padding: 2px 10px;border-radius: 50px;color:white;background-color: #80ddff;font-size: 10px;display: inline-block">
						<text>2/3</text><text>男</text>
					</view>
					<view style="margin: 5px 5px;padding: 2px 10px;border-radius: 50px;color:white;background-color: #ff98b4;font-size: 10px;display: inline-block">
						<text>1/1</text><text>女</text>
					</view>
				</view>
				
				<view style="display: flex;justify-content: space-between;align-items:flex-start;padding-top: 5px;">
					<!-- 工资 -->
					<view style="font-weight: bold;color: #f00;font-size: 13px;white-space: nowrap;">
						<span>{{formData.price}}元/{{formData.price_type}}</span>
						<span>/{{formData.settle_type}}</span>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import timeTextFormat from '@/utils/mixins/time-text-format.js'
	import workData from '@/utils/data/workData.js'

	export default {
		mixins:[
			timeTextFormat,workData
		],
		props:{
			task:{
				type:Object,
				default:{jobs:[]}
			}
		},
		data(){
			return {
				//project:[]
			}
		}
	}
</script>

<style>
</style>